// pages/getAppPlay/getAppPlay.js
const innerAudioContext = wx.createInnerAudioContext()
innerAudioContext.autoplay = false

Page({

  /**
   * 页面的初始数据
   */
  data: {
    mp3Url:'http://ws.stream.qqmusic.qq.com/M500001VfvsJ21xFqb.mp3?guid=ffffffff82def4af4b12b3cd9337d5e7&uin=346897220&vkey=6292F51E1E384E061FF02C31F716658E5C81F5594D561F2E88B854E81CAAB7806D5E4F103E55D33C16F3FAC506D1AB172DE8600B37E43FAD&fromtag=46',
    innerAudioContext:'',     //播放器对象
    audioNowTime:'--:--',     //播放进度
    audioAllTime:'--:--',     //音频时间
    sliderNow: 0,             
    sliderAll:100,
    isPlay:false,
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
  
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.initAudio();
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  },
  // 初始化播放器
  initAudio:function(){
    innerAudioContext.src = this.data.mp3Url;
    innerAudioContext.onPlay(() => {
      // console.log('开始播放')
    })
    innerAudioContext.onError((res) => {
      console.log(res.errMsg)
      console.log(res.errCode)
    });
    innerAudioContext.onTimeUpdate((e) => {
      // console.log(innerAudioContext.currentTime);
      // console.log(innerAudioContext.duration);
      this.setTimeUpdate();
    });
  },
  // 暂停
  pause:function(){
    innerAudioContext.pause();
    this.setData({
      isPlay:!this.data.isPlay
    })
  },
  // 播放
  play:function(){
    innerAudioContext.play();
    this.setData({
      isPlay: !this.data.isPlay
    })
  },
  // 上一条
  prev:function(){
    // 请求数据咯
    // this.setData({      mp3Url:''
    // });
    // 必须先销毁，否则会一起播放
    innerAudioContext.destroy();
    this.initAudio();
  },
  // 下一条
  next:function(){
    // 请求数据咯
    // this.setData({
    //   mp3Url: ''
    // });
    // 必须先销毁，否则会一起播放
    innerAudioContext.destroy();
    this.initAudio();
  },



  setTimeUpdate:function(){
    this.setData({
      sliderNow: innerAudioContext.currentTime,
      sliderAll: innerAudioContext.duration,
      audioNowTime: this.timeFormatter(innerAudioContext.currentTime),
      audioAllTime: this.timeFormatter(innerAudioContext.duration)
    })
  },
  // 拖动进度条
  sliderChange:function(e){
    // console.log(e.detail.value);
    innerAudioContext.seek(e.detail.value);
    this.setData({
      audioNowTime: this.timeFormatter(e.detail.value),
      audioAllTime: this.timeFormatter(innerAudioContext.duration)
    });
  },
  // 秒转时间
  timeFormatter: function (second){
    let m = Math.floor(second / 60);
    let s = Math.floor(second)%60;
    if(s<10){
      s='0'+s;
    };
    return m+':'+s;
  }
})